<include file="Public/mobile_head"/>	
<link href="{:ADDON_PUBLIC_PATH}/card.css?v={:SITE_VERSION}" rel="stylesheet" type="text/css">
<body>
	<div class="container body">
    	<div class="p_10 top_line"> 
        	<h5 class="page_title"></h5>
            <!-- 表单 -->
            <form method="post" class="m_15">
              <!-- 基础文档模型 -->
              
              <div id="tab1" class="tab-pane">
              	<div class="block_content_bg">
                  <div class="block_content_top">
                  		<h6><img width="40px" src="{:ADDON_PUBLIC_PATH}/vip_card.png" /> 绑定实体会员卡</h6>
                  </div>
                  <div class="p_10">
                      <div class="form-item cf">
                            <label class="item-label">手机号:</label>
                            <div class="controls">
                              <input type="tel" maxlength="30" placeholder="请输入手机号码" class="text input-large" name="mobile" id="mobile" value="" required>
                            </div>
                       </div>
                       <div class="form-item cf">
                            <div class="controls tb">
                              <input required type="number" maxlength="30" placeholder="请输入验证码" class="text input-large flex_1 mr_10" id="verifyCode" name="verifyCode" value="">
                              <button class="home_btn flex_2" id="getVerifyCodeBtn" type="button">获取验证码</button>
                            </div>
                       </div>
                    </div>
                 </div>          
                 <div class="form-item pt_10">
                	<button class="home_btn submit-btn mb_10 flex_1" id="submit" type="button">确  定</button>
                 </div>
          	</div>
            </form>
        </div>
        <p>{$info}</p>
        <p class="copyright">{$system_copy_right}</p>
    </div>
    <div class="morecard">
        <div class="cardlist">
            <h1>请选择要绑定的会员卡</h1>
            <ul class="single_item m_15">
                <li class="p_10 arrow_icon mr_10">
                    <b>卡号：</b><span>80000005</span>,
                    <b>积分：</b><span>1000</span>
                </li>
                <li class="p_10 arrow_icon mr_10">
                    <b>卡号：</b><span>80000005</span>,
                    <b>积分：</b><span>1000</span>
                </li>
                <li class="p_10 arrow_icon mr_10">
                    <b>卡号：</b><span>80000005</span>,
                    <b>积分：</b><span>1000</span>
                </li>
            </ul>
        </div>
    </div>
    <script>
        var bindcard = {
            sendPhoneCode:"{:U('sendPhoneCode')}",
            checkBind:"{:U('checkBind')}",
            showCardurl:"{:addons_url('Card://Card/showCard')}",
            bindOneCard:"{:U('bindOneCard')}"
        }
    </script>
    <script src="{:ADDON_PUBLIC_PATH}/scripts/bindcard.js?v={:SITE_VERSION}"></script>
</body>
</html>
